<!doctype html>
<html lang="zh-CN">
<head><meta name="generator" content="Hexo 3.8.0">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8">
    <meta name="baidu-site-verification" content="dIcXMeY8Ya">
    
    <title>17-webpack-dev-server@2.9.7的基本用法 | 墨染红尘</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="keywords" content="三更编程, JAVA, 算法, 后端开发">
    <meta name="description" content="菜豆个人博客">

    
    <link rel="alternative" href="/atom.xml" title="墨染红尘" type="application/atom+xml">
    
    
    <link rel="shortcut icon" href="/blog/logo.png">
    
    <link rel="stylesheet" href="/blog/css/style.css">
    <!--[if lt IE 9]>
    <script src="/blog/js/html5.js"></script>
    <![endif]-->
    
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?fd459238242776d173cdc64918fb32f2";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>


</head>
</html>
<body class="home">
    <!--[if lt IE 9]>
    <div class="browsehappy">
        当前网页 <strong>不支持</strong>
        你正在使用的浏览器. 为了正常的访问, 请 <a href="http://browsehappy.com/">升级你的浏览器</a>.
    </div>
    <![endif]-->

    <!-- 博客头部 -->
    <header class="header">
    <section class="container header-main">
        <div class="logo">
            <a href="/blog/">
                <div class="cover">
                    <span class="name">墨染红尘</span>
                    <span class="description">堇色流年·追梦少年</span>
                </div>
            </a>
        </div>
        <div class="dropnav icon-paragraph-justify" id="JELON__btnDropNav"></div>
        <ul class="menu hidden" id="JELON__menu">
            
            <li rel="/blog/2019/05/24/Vue/17-webpack-dev-server的基本用法/index.html" class="item ">
                <a href="/blog/" title="首页" class="icon-home">&nbsp;首页</a>
            </li>
            
        </ul>
        <div class="profile clearfix">
            <div class="feeds fl">
                
                
                <p class="links">
                    
                        <a href="https://github.com/fxiaoyu97" target="_blank">Github</a>
                        |
                    
                        <a href target="_blank">Hosted by Coding Pages</a>
                        
                    
                </p>
                <p class="sns">
                    
                    <a href="javascript: void(0);" class="wechat">
                        <b>■</b>
                        公众号
                        <span class="popover">
                            <img src="/blog/img/wechat_mp.jpg" width="120" height="120" alt="我的微信订阅号">
                            <i class="arrow"></i>
                        </span>
                    </a>
                </p>
                
            </div>
            <div class="avatar fr">
                <img src="/blog/img/avatar.jpg" alt="avatar" title="Jelon">
            </div>
        </div>
    </section>
</header>


    <!-- 博客正文 -->
    <div class="container body clearfix">
        <section class="content">
            <div class="content-main widget">
                <!-- 文章页 -->
<!-- 文章 -->
<article class="post article">
    <header class="text-center">
        <h3 class="post-title"><span>17-webpack-dev-server@2.9.7的基本用法</span></h3>
    </header>
    <p class="post-meta text-center">
        Calos 发表于
        <time datetime="2019-05-23T16:00:00.000Z">2019-05-24</time>
    </p>
    <div class="post-content">
        <p>​        使用<code>webpack-dev-server</code>工具，实现自动打包编译运行的功能，这就是搭建一个webpack的服务器。</p>
<h2 id="修改package-json文件-推荐"><a href="#修改package-json文件-推荐" class="headerlink" title="修改package.json文件(推荐)"></a>修改package.json文件(推荐)</h2><hr>
<p>1、运行 <font color="#68228B"><code>npm i webpack-dev-server -D</code></font> 把这个工具安装到项目的本地开发依赖</p>
<p>2、安装完成，和<code>webpack</code>命令的用法一样，但是可能会出一些问题</p>
<p>3、项目安装<code>webpack-dev-server</code>，无法当脚本命令在powershell终端中直接运行；（全局安装<code>-g</code>的才可以），在<code>package.json</code>里面的<code>scripts</code>中增加一个配置，如下所示：</p>
<figure class="highlight"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">"scripts": &#123;</span><br><span class="line">    "test": "echo \"Error: no test specified\" &amp;&amp; exit 1",</span><br><span class="line">	"dev":"webpack-dev-server"</span><br><span class="line">  &#125;</span><br></pre></td></tr></table></figure>
<p>4、注意：如果需要正常运行<code>webpack-dev-server</code>，在本地项目中，必须安装<code>webpack</code>，安装命令：<font color="#68228B"><code>npm i webpack -D</code></font>，安装以后执行命令：<font color="#68228B"><code>npm  run dev</code></font>试试。</p>
<p>执行成功的界面如下所示：</p>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">&gt;</span> webpack-study@1.0.0 dev D:\uniapp\webpack-study</span><br><span class="line"><span class="meta">&gt;</span> webpack-dev-server</span><br><span class="line"></span><br><span class="line">Project is running at http://localhost:8080/</span><br><span class="line">webpack output is served from /</span><br><span class="line">Hash: bef5bce342cf767d1e8a</span><br><span class="line">Version: webpack 3.8.0</span><br><span class="line">Time: 390ms</span><br><span class="line">Asset    Size  Chunks                    Chunk Names</span><br><span class="line">bundle.js  611 kB       0  [emitted]  [big]  main</span><br><span class="line">[2] multi (webpack)-dev-server/client?http://localhost:8080 ./src/main.js 40 bytes &#123;0&#125; [built]</span><br><span class="line">[3] (webpack)-dev-server/client?http://localhost:8080 7.95 kB &#123;0&#125; [built]</span><br><span class="line">[4] ./node_modules/url/url.js 23.3 kB &#123;0&#125; [built]</span><br><span class="line">[8] ./node_modules/querystring-es3/index.js 127 bytes &#123;0&#125; [built]</span><br><span class="line">[11] ./node_modules/strip-ansi/index.js 161 bytes &#123;0&#125; [built]</span><br><span class="line">[13] ./node_modules/loglevel/lib/loglevel.js 7.86 kB &#123;0&#125; [built]</span><br><span class="line">[14] (webpack)-dev-server/client/socket.js 1.05 kB &#123;0&#125; [built]</span><br><span class="line">[15] ./node_modules/sockjs-client/dist/sockjs.js 181 kB &#123;0&#125; [built]</span><br><span class="line">[16] (webpack)-dev-server/client/overlay.js 3.73 kB &#123;0&#125; [built]</span><br><span class="line">[17] ./node_modules/ansi-html/index.js 4.26 kB &#123;0&#125; [built]</span><br><span class="line">[18] ./node_modules/html-entities/index.js 231 bytes &#123;0&#125; [built]</span><br><span class="line">[21] (webpack)/hot nonrecursive ^\.\/log$ 170 bytes &#123;0&#125; [built]</span><br><span class="line">[23] (webpack)/hot/emitter.js 77 bytes &#123;0&#125; [built]</span><br><span class="line">[25] ./src/main.js 219 bytes &#123;0&#125; [built]</span><br><span class="line">[26] ./node_modules/jquery/dist/jquery.js 280 kB &#123;0&#125; [built]</span><br><span class="line">+ 12 hidden modules</span><br><span class="line">webpack: Compiled successfully.</span><br></pre></td></tr></table></figure>
<p>5、注意js的引入问题，打包的js文件存放在内存中的，并没有在磁盘上，那老头是这样讲的。所以引入文件不要使用相对和绝对位置，如下所示即可：</p>
<figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">"/bundle.js"</span> <span class="attr">type</span>=<span class="string">"text/javascript"</span> <span class="attr">charset</span>=<span class="string">"utf-8"</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br></pre></td></tr></table></figure>
<p>6、启动服务，自动打开浏览器的配置，加上<code>--open</code>，指定端口号加上<code>--port 3000</code>，自动打开主页，需要指定位置，加上<code>--contentBase 主页所在文件夹</code></p>
<figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line">&#123;</span><br><span class="line">  <span class="string">"name"</span>: <span class="string">"webpack-study"</span>,</span><br><span class="line">  <span class="string">"version"</span>: <span class="string">"1.0.0"</span>,</span><br><span class="line">  <span class="string">"description"</span>: <span class="string">""</span>,</span><br><span class="line">  <span class="string">"main"</span>: <span class="string">"webpack.config.js"</span>,</span><br><span class="line">  <span class="string">"scripts"</span>: &#123;</span><br><span class="line">    <span class="string">"test"</span>: <span class="string">"echo \"Error: no test specified\" &amp;&amp; exit 1"</span>,</span><br><span class="line">      <span class="comment">//dev的配置，即为示例</span></span><br><span class="line">    <span class="string">"dev"</span>: <span class="string">"webpack-dev-server --open --port 3000 --contentBase src"</span></span><br><span class="line">  &#125;,</span><br></pre></td></tr></table></figure>
<p>7、热更新：<code>--hot</code>，未加入热更新之前，每次修改文件，服务器自动编译打包都会生成新的JS文件，浏览器需要手动刷新页面才能看到效果。加入热更新以后，修改文件，服务器不会生成新的JS文件，浏览器也不需要手动刷新页面。</p>
<figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="string">"dev"</span>: <span class="string">"webpack-dev-server --open --port 3000 --contentBase src --hot"</span></span><br></pre></td></tr></table></figure>
<h2 id="修改配置文件webpack-config-js"><a href="#修改配置文件webpack-config-js" class="headerlink" title="修改配置文件webpack.config.js"></a>修改配置文件webpack.config.js</h2><hr>
<p>热更新模块需要配置三处：</p>
<figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">const</span> path = <span class="built_in">require</span>(<span class="string">'path'</span>)</span><br><span class="line"><span class="comment">//2、启动热更新的第二步</span></span><br><span class="line"><span class="keyword">const</span> webpack = <span class="built_in">require</span>(<span class="string">'webpack'</span>)</span><br><span class="line"></span><br><span class="line"><span class="comment">//配置文件、通过Node中的模块操作，向外暴露的一个配置对象</span></span><br><span class="line"><span class="built_in">module</span>.exports=&#123;</span><br><span class="line">	<span class="comment">//手动指定入口和出口</span></span><br><span class="line">	<span class="comment">//入口，表示要使用webpack打包哪个文件</span></span><br><span class="line">	entry:path.join(__dirname,<span class="string">'./src/main.js'</span>),</span><br><span class="line">	output:&#123;</span><br><span class="line">		<span class="comment">//指定打包好的文件,输出到哪个目录中</span></span><br><span class="line">		path:path.join(__dirname,<span class="string">'./dist'</span>),</span><br><span class="line">		<span class="comment">//指定输出文件的名称</span></span><br><span class="line">		filename:<span class="string">'bundle.js'</span></span><br><span class="line">	&#125;,</span><br><span class="line">	devServer: &#123;</span><br><span class="line">		open: <span class="literal">true</span>, <span class="comment">//自动打开浏览器</span></span><br><span class="line">		port: <span class="number">3000</span>, <span class="comment">//设置启动时的运行端口</span></span><br><span class="line">		contentBase: <span class="string">'src'</span>, <span class="comment">//指定托管的根目录</span></span><br><span class="line">		hot: <span class="literal">true</span> <span class="comment">//启动热更新 1、第一步</span></span><br><span class="line">	&#125;,</span><br><span class="line">	plugins: [<span class="comment">//配置插件的节点</span></span><br><span class="line">		<span class="keyword">new</span> webpack.HotModuleReplacementPlugin() <span class="comment">//3、一个热更新的模块对象</span></span><br><span class="line">	]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
<h2 id="注意，版本兼容性问题"><a href="#注意，版本兼容性问题" class="headerlink" title="注意，版本兼容性问题"></a>注意，版本兼容性问题</h2><p>1、使用上述命令安装时，版本是系统自动选择的最新版，会出现安装包之间的不兼容问题，所以我们在安装的时候需要加上版本号，目前已知的兼容版本如下所示：</p>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">#</span>指定版本号的安装方式</span><br><span class="line">npm i webpack@3.8.0 -g</span><br><span class="line">npm install webpack-dev-server@2.9.7 -D</span><br><span class="line">npm i webpack@3.8.0 -D</span><br><span class="line"><span class="meta">#</span>已知兼容的版本号</span><br><span class="line">webpack@3.8.0，webpack-dev-server@2.9.7</span><br><span class="line">webpack@3.12.0  webpack-dev-server@2.11.2</span><br></pre></td></tr></table></figure>
<p>2、如果你使用<code>webpack 4.X</code>，出现如下错误：<code>Error:Cannot find module &#39;webpack-cli/bin/config-yargs&#39;</code>，此时可能不是模块没找到，而是 <code>webpack</code> 与 <code>webpack-cli</code>版本不一致导致的。不妨试试下面的命令：</p>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">npm uninstall webpack -D</span><br><span class="line">npm install webpack webpack-cli -D</span><br></pre></td></tr></table></figure>

    </div>
    <p class="post-meta">
        <span class="post-cat">分类：
            <a class="cat-link" href="/blog/categories/Vue/">Vue</a>
        </span>
        <span class="post-tags">
            标签：
            
    
        <a href="/blog/tags/Vue/" title="Vue">Vue</a> / 
    
        <a href="/blog/tags/web前端/" title="web前端">web前端</a> / 
    
        <a href="/blog/tags/webpack/" title="webpack">webpack</a>
    

        </span>
    </p>
</article>
<!-- 分享按钮 -->

  <div class="article-share clearfix text-center">
    <div class="share-area">
      <span class="share-txt">分享到：</span>
      <a href="javascript: window.open('http://service.weibo.com/share/share.php?url=' + encodeURIComponent(location.href) + '&title=' + document.title + '&language=zh_cn');" class="share-icon weibo"></a>
      <a href="javascript: alert('请复制链接到微信并发送');" class="share-icon wechat"></a>
      <a href="javascript: window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' + encodeURIComponent(location.href) + '&title=' + document.title);" class="share-icon qqzone"></a>
      <a href="javascript: window.open('http://connect.qq.com/widget/shareqq/index.html?url=' + encodeURIComponent(location.href) + '&desc=Jelon个人博客&title=' + document.title + '&callback=' + encodeURIComponent(location.href));" class="share-icon qq"></a>
      <a href="javascript: window.open('http://shuo.douban.com/!service/share?href=' + encodeURIComponent(location.href) + '&name=' + document.title + '&text=' + document.title);" class="share-icon douban"></a>
    </div>
  </div>


<!-- 上一篇/下一篇 -->

<div class="article-nav clearfix">
    
    <span class="prev fl">
        上一篇<br>
        <a href="/blog/2019/05/24/Nginx的简单使用教程/">
            
                Nginx的简单使用教程
            
        </a>
    </span>
    

    
    <span class="next fr">
        下一篇<br>
        <a href="/blog/2019/05/24/Vue/22-webpack中babe的配置/">
            
                22-webpack中babe的配置
            
        </a>
    </span>
    
</div>

<!-- 文章评论 -->

  <script src="/blog/js/comment.js"></script>
  <div id="comments" class="comment">
    <!--
    <div class="sign-bar">
      GitHub 已登录!
      <span class="sign-link">登出</span>
    </div>
    <section class="box">
      <div class="com-avatar"><img src="/blog/logo.png" alt="avatar"></div>
      <div class="com-text">
        <div class="main">
          <textarea class="text-area-edited show" placeholder="欢迎评论！"></textarea>
          <div class="text-area-preview"></div>
        </div>
        <div class="switch">
          <div class="switch-item on">编辑</div>
          <div class="switch-item">预览</div>
        </div>
        <div class="button">提交</div>
      </div>
    </section>
    <section class="tips">注：评论支持 markdown 语法！</section>
    <section class="list-wrap">
      <ul class="list">
        <li>
          <div class="user-avatar">
            <a href="/">
              <img src="/img/jelon.jpg" alt="user-avatar">
            </a>
          </div>
          <div class="user-comment">
            <div class="user-comment-header">
              <span class="post-name">张德龙</span>
              <span class="post-time">2017年12月12日</span>
              <span class="like liked">已赞</span>
              <span class="like-num">2</span>
            </div>
            <div class="user-comment-body">333333</div>
          </div>
        </li>
        <li>
          <div class="user-avatar">
            <a href="/">
              <img src="/img/jelon.jpg" alt="user-avatar">
            </a>
          </div>
          <div class="user-comment">
            <div class="user-comment-header">
              <span class="post-name">刘德华</span>
              <span class="post-time">2017年12月12日</span>
              <span class="like">点赞</span>
              <span class="like-num">2</span>
            </div>
            <div class="user-comment-body">vvvvv</div>
          </div>
        </li>
      </ul>
      <div class="page-nav">
        <a href="javascript: void(0);" class="item">1</a>
        <a href="javascript: void(0);" class="item">2</a>
        <a href="javascript: void(0);" class="item current">3</a>
      </div>
    </section>
    -->
  </div>
  <script>
  JELON.Comment({
    container: 'comments',
    label: 'Vue/17-webpack-dev-server的基本用法' || '2019/05/24/Vue/17-webpack-dev-server的基本用法/',
    owner: 'fxiaoyu97',
    repo: 'blog_comment',
    clientId: 'fxiaoyu97',
    clientSecret: 'Fsy1179006580@'
  });
  </script>


            </div>

        </section>
        <!-- 侧栏部分 -->
<aside class="sidebar">
    <section class="widget">
        <h3 class="widget-hd"><strong>文章分类</strong></h3>
        <!-- 文章分类 -->
<ul class="widget-bd">
    
    <li>
        <a href="/blog/categories/IDEA/">IDEA</a>
        <span class="badge">(1)</span>
    </li>
    
    <li>
        <a href="/blog/categories/Nginx/">Nginx</a>
        <span class="badge">(1)</span>
    </li>
    
    <li>
        <a href="/blog/categories/地图/">地图</a>
        <span class="badge">(1)</span>
    </li>
    
    <li>
        <a href="/blog/categories/Java/">Java</a>
        <span class="badge">(6)</span>
    </li>
    
    <li>
        <a href="/blog/categories/Maven/">Maven</a>
        <span class="badge">(2)</span>
    </li>
    
    <li>
        <a href="/blog/categories/web前端/">web前端</a>
        <span class="badge">(2)</span>
    </li>
    
    <li>
        <a href="/blog/categories/Vue/">Vue</a>
        <span class="badge">(31)</span>
    </li>
    
    <li>
        <a href="/blog/categories/Lucene/">Lucene</a>
        <span class="badge">(1)</span>
    </li>
    
    <li>
        <a href="/blog/categories/SpringBoot/">SpringBoot</a>
        <span class="badge">(10)</span>
    </li>
    
    <li>
        <a href="/blog/categories/Exception/">Exception</a>
        <span class="badge">(1)</span>
    </li>
    
    <li>
        <a href="/blog/categories/MySQL/">MySQL</a>
        <span class="badge">(2)</span>
    </li>
    
    <li>
        <a href="/blog/categories/Spring/">Spring</a>
        <span class="badge">(1)</span>
    </li>
    
</ul>
    </section>

    
    <section class="widget">
        <h3 class="widget-hd"><strong>热门标签</strong></h3>
        <!-- 文章标签 -->
<div class="widget-bd tag-wrap">
  
    <a class="tag-item" href="/blog/tags/IDEA/" title="IDEA">IDEA (1)</a>
  
    <a class="tag-item" href="/blog/tags/快捷键/" title="快捷键">快捷键 (1)</a>
  
    <a class="tag-item" href="/blog/tags/Nginx/" title="Nginx">Nginx (1)</a>
  
    <a class="tag-item" href="/blog/tags/地图/" title="地图">地图 (1)</a>
  
    <a class="tag-item" href="/blog/tags/log4j/" title="log4j">log4j (1)</a>
  
    <a class="tag-item" href="/blog/tags/正则/" title="正则">正则 (1)</a>
  
    <a class="tag-item" href="/blog/tags/JFrame/" title="JFrame">JFrame (1)</a>
  
    <a class="tag-item" href="/blog/tags/爬虫/" title="爬虫">爬虫 (2)</a>
  
    <a class="tag-item" href="/blog/tags/Java/" title="Java">Java (6)</a>
  
    <a class="tag-item" href="/blog/tags/字符串/" title="字符串">字符串 (1)</a>
  
    <a class="tag-item" href="/blog/tags/Maven/" title="Maven">Maven (2)</a>
  
    <a class="tag-item" href="/blog/tags/JavaScript/" title="JavaScript">JavaScript (1)</a>
  
    <a class="tag-item" href="/blog/tags/Vue/" title="Vue">Vue (31)</a>
  
    <a class="tag-item" href="/blog/tags/WebMagic/" title="WebMagic">WebMagic (1)</a>
  
    <a class="tag-item" href="/blog/tags/web前端/" title="web前端">web前端 (3)</a>
  
    <a class="tag-item" href="/blog/tags/HTML/" title="HTML">HTML (1)</a>
  
    <a class="tag-item" href="/blog/tags/webpack/" title="webpack">webpack (12)</a>
  
    <a class="tag-item" href="/blog/tags/Lucene/" title="Lucene">Lucene (1)</a>
  
    <a class="tag-item" href="/blog/tags/SpringBoot/" title="SpringBoot">SpringBoot (9)</a>
  
    <a class="tag-item" href="/blog/tags/注解/" title="注解">注解 (2)</a>
  
    <a class="tag-item" href="/blog/tags/yml/" title="yml">yml (2)</a>
  
    <a class="tag-item" href="/blog/tags/Exception/" title="Exception">Exception (1)</a>
  
    <a class="tag-item" href="/blog/tags/Mysql/" title="Mysql">Mysql (1)</a>
  
    <a class="tag-item" href="/blog/tags/MySQL/" title="MySQL">MySQL (2)</a>
  
    <a class="tag-item" href="/blog/tags/Spring/" title="Spring">Spring (1)</a>
  
    <a class="tag-item" href="/blog/tags/Mybatis/" title="Mybatis">Mybatis (1)</a>
  
</div>
    </section>
    

    

    
</aside>
<!-- / 侧栏部分 -->
    </div>

    <!-- 博客底部 -->
    <footer class="footer">
    &copy;
    
        2016-2019
    

    <a href="/blog/">Todou Loves You</a>
</footer>
<div class="back-to-top" id="JELON__backToTop" title="返回顶部">返回顶部</div>

    <!--博客js脚本 -->
    <!-- 这里放网站js脚本 -->
<script src="/blog/js/main.js"></script>
</body>
</html>